<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="htmlcuatrang">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#menu { width:180px;  background-color:#CC6;}
#menu .theloai {background-color:#F63; color:#9FC; display:block; padding-top:5px; padding-bottom:5px;}
#menu  a { color:#C09; padding-top:3px; padding-bottom:3px; padding-left:15px; display:block; border-bottom: solid 1px #CF0; text-decoration:none;}
.tosang{ background-color:#663}
.tinh{ font-weight:bold}
</style>

<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){	
	//$("#vn").css("width","250px").css("border","solid 1px  #FF9933");
	//$("body").css("margin","20px");
	//$(".mien").hide().slideDown(2000);
	//$("[href*='tintuc']").css("font-size","28px").css("text-transform","uppercase");
	//$("[href*='dulich']").css("font-style","italic");
	//$("[href~='tuc']").css("padding-left","50px");
	//$("[href^='tin']").css("color","#00CCFF");
	//$("[href$='/']").css("background-color","#660033");
	//$("a[href!='#']").css("text-decoration","underline");
	//$("span:contains('t')").css("background-color","#003366"); 
	//$(".tinh:gt(2)").css("color","#CC0066");
	//$(".tinh:lt(2)").css("color","#660099");
	//$(".tinh:eq(2)").css("color","#CCCC33");
	
	//$(".mien:last ul").append("<li>Hậu giang</li>");
	//$(".mien:first ul").prepend("<li>Tuyên quang</li>");
	
	//$("#vn ul:even li:even").append(".");
	//$("#vn ul:odd li:odd").append("...");
	
	//$("#vn ul li:nth-child(2)").css("text-decoration","line-through");

	//$("#vn li").css("border","solid 1px #FF3300");
	//$("#vn li:only-child").css("border","solid 1px #FF3300"); //chọn chỉ 1 con
});
</script>
</head>

<body id="bodycuatrang">
<div id="menu">
	Loại tin
    <div idTL=1>
	    <span class="theloai" dautien=1>Tin xã hội</span>
        <div class="loaitin">
            <a id="tt" href="tintuc/thethao/">Thể <span>thao</span></a> 
            <a href="tintuc/dulich">Du lịch</a>             
            <a href="tin tuc xa hoi/" idLT="5">Xã hội</a>             
            <a id="sk" href="tin tuc suc khoe/">Sức khỏe</a>
            <a  href="#">Âm nhạc</a>
        </div>
    </div>
    <div idTL=2 id="theloaiweb">
        <span class="theloai">Thế giới web</span>
        <div class="loaitin" id="loaitinweb">
              <a id="tool" href="#">Tools</a> 
        	  <a href="#">Links</a> 
              <a href="#">Template</a> 
              <a href="#">Document</a> 
        </div>
    </div>
    <div>
        <span class="theloai">Nghệ thuật sống</span>
        <div class="loaitin">
            <a href="#">Sống đẹp</a>
        </div>
    </div>
    <div>
        <span class="theloai">Thư giãn</span>
        <div class="loaitin">
            <a href="#">Thơ hay</a>
            <a href="#">Đố vui</a>  
        </div>
    </div>    
</div>
<hr />
<ul id="vn">
  <li class=mien>Miền bắc  
    <ul id="bac">
      <li>Hà nội</li>
      <li class="tinh">Hải phòng</li>
      <li>Điện biên</li>
      <li  class="tinh">Lai châu</li>
    </ul>
  </li>
  <li class="mien">Miền trung
    <ul id="trung">
      <li>Huế</li>
      <li  class="tinh">Đà nẵng</li>
      <li  class="tinh">Quãng ngãi</li>
      <li>Bình định</li>
    </ul>
  </li>
  <li class=mien>Miền đông
    <ul id="dong">
      <li>Đông nai</li>
    </ul>
  </li>
  <li class=mien>Miền nam 
    <ul id="nam">
      <li>TP HCM</li>
      <li  class="tinh">Cần thơ</li>
      <li>Tiền giang</li>
    </ul>
  </li> 
</ul>
jgjkgk

</body>
</html>